<!DOCTYPE html>
<!--
Author: zouy
Unit: D9lab
Date: 2017-11-24 11:17 
-->
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>title</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div class="container" style="margin-top: 20px;">
    <!--在手机端调用手机摄像头和相册-->
    <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">

    <!--如果只想调用相册或者选择文件-->
    <input type="file" name="file" accept="image/*">
    <!--如果想调用摄像头-->
    <input type="file" name="file"  capture="camera">
</div>
</body>
</html>